<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>${systemConfig.shopName!} - Powered By ${systemConfig.systemName}</title>
<meta name="Author" content="Meida Team" />
<meta name="Copyright" content="Meida" />
<%if (systemConfig.metaKeywords! != ""){%><meta name="keywords" content="${systemConfig.metaKeywords}" /><%}%>
<%if (systemConfig.metaDescription! != ""){%><meta name="description" content="${systemConfig.metaDescription}" /><%}%>
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<% include("/WEB-INF/views/common/include.html"){}%>
<link href="${base}/template/shop/css/login.css" rel="stylesheet" type="text/css" />
<link href="${base}/template/shop/css/register.css" rel="stylesheet" type="text/css" />
<link href="${base}/template/shop/css/index.css" rel="stylesheet" type="text/css" />
<link href="${base}/template/shop/css/product.css" rel="stylesheet" type="text/css" />
<link href="${base}/template/shop/css/article.css" rel="stylesheet" type="text/css" />
<link href="${base}/template/shop/css/header.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="${base}/template/shop/js/login.js"></script>
<script type="text/javascript" src="${base}/template/shop/js/register.js"></script>
<!-- <script type="text/javascript" src="${base}/template/shop/js/index.js"></script> -->
<script type="text/javascript" src="${base}/template/shop/js/product.js"></script>
<script type="text/javascript">
$(document).ready(function() {

	$(".slider .scrollable").scrollable({
		circular: true,
		speed: 500
	}).autoscroll({
		autoplay: true,
		interval: 4000
	}).navigator();
	
	$(".hotProduct .scrollable").scrollable({
		circular: true,
		speed: 500
	});
	
	$(".newProduct ul.newProductTab").tabs(".newProduct .newProductTabContent", {
		effect: "fade",// 逐渐显示动画
		fadeInSpeed: 500,// 动画显示速度
		event: "mouseover"// 触发tab切换的事件
	});

})
</script>
<!--banner-->
<script type="text/javascript" src="${base}/template/shop/js/owl.carousel.min.js"></script>
<script>
	$(function(){
		$('#slider_index').owlCarousel({
			items: 1,
			autoPlay: 3000,
		});
	});
	</script>
	<!--下拉-->
	<script type="text/javascript">
		$(function(){
			$('li.listdown').hover(function(){
				$(this).addClass("nav_current").find('.all').siblings('.xmzs0').stop().slideDown(200);
			},function(){
				$(this).removeClass("nav_current").find('.all').siblings('.xmzs0').stop().slideUp(200);
			});
		});
	</script>
</head>
<body class="index">
	<%include("/shop/header_index.html"){}%>
    <input type="hidden" id="shopId" name="shopId" value="-1"/>
	<div class="header header_index">
		<div class="headerBottom">
			<input type="button" class="cartItemListButton showCartItemList" value="购物车" onclick="window.open('${base}/shop/cartItem/list')" />
			<ul id="cartItemListDetail"></ul>
			<div class="headerMiddleNav">
				<ul class="headerMiddleNavContent png">
					<li>
						<a href="/">首页</a>
					</li>
					<li class="listdown">
						<a class="all">全部商品<span class="spot">∨</span></a>
						<div class="xmzs0">
							<div class="xm1">
								<p><a href="/shop/product/list?id=c5910cfe886244c9b23bd0234d946c3e&viewType=pictureType&pageNumber=1&orderType=priceAsc&pageSize=12"><img src="${base}/upload/image/banner15.jpg"/></a></p>
								<h3>美大集成灶</h3>
							</div>
							<div class="xm1">
								<p><a href="/shop/product/list?id=0e3d1018956045ea8588796d321f7317"><img src="${base}/upload/image/banner16.jpg"/></a></p>
								<h3>美大净水机</h3>
							</div>
							<div class="xm1">
								<p><a href="/shop/product/list?id=2dcf75f487de4c7ea62bc181a0c28662"><img src="${base}/upload/image/banner17.jpg"/></a></p>
								<h3>美大烤箱/蒸箱</h3>
							</div>
						</div>
					</li>
					<%for(list in middleNavigationList){%>
						<li>
							<a href="${base}${list.url}"<%if (list.isBlankTarget == true){%> target="_blank"<%}%>>${list.name}</a>
						</li>
					<%}%>
				</ul>
			</div>
		</div>
	</div>
	<div class="banner">
		<div id="slider_index" class="owl-carousel">
			<a class="item"><img src="${base}/upload/image/banner1.jpg" /></a>
			<a class="item"><img src="${base}/upload/image/banner2.jpg" /></a>
			<a class="item"><img src="${base}/upload/image/banner3.jpg" /></a>
		</div>
		<ul class="imglist">
			<li><a href="#"><img class="list_img" src="${base}/upload/image/bannerx1.jpg" /></a></li>
			<li><a href="#"><img class="list_img" src="${base}/upload/image/bannerx2.jpg" /></a></li>
			<li><a href="#"><img class="list_img" src="${base}/upload/image/bannerx3.jpg" /></a></li>
		</ul>
	</div>
	<div class="body">
		<div class="newProduct product_all">
			<div class="left toplist">
				<div class="list_title">全部商品</div>
				<ul class="newProductTab">
					<%for(list in rootProductCategoryList){%>
						<li>
							${list.name}
						</li>
						<%if (listLP.index == 4){%>
							<%break;%>
						<%}%>
					<%}%>
				</ul>
			</div>
			<div class="right">
				<%for(list in rootProductCategoryList){%>
					<ul class="newProductTabContent">
						<div class="hd_more"><a href="${base}/shop/product/list?id=${list.id}" class="more_pro">MORE&gt;&gt;</a></div>
						<%for(listMap in newProductMap[list.id]){%>
							<li class="box-shadow">
								<a href="${base}${listMap.htmlFilePath}">
									<img src="${base}${listMap.productImageList[0].bigProductImagePath!systemConfig.defaultThumbnailProductImagePath}" alt="${listMap.name}" />
									
									<%if (strutil.length(list.name) < 10){%>
										<p title="${listMap.name}">${listMap.name}</p>
									<%}else{%>
										<p title="${listMap.name}">${strutil.subStringTo(listMap.name,0,8)}...</p>
									<%}%>
									<p class="red">
										${listMap.price,priceCurrencyFormat}
										<span class="marketPrice">${listMap.marketPrice,priceCurrencyFormat}</span>
									</p>
									<div class="liji">立即购买</div>
								</a>
							</li>
							<%if (listLP.index == 4){%>
								<%break;%>
							<%}%>
						<%}%>
					</ul>
					<%if (listLP.index == 4){%>
						<%break;%>
					<%}%>
				<%}%>
			</div>
		</div>
		<div class="bodyRight bodyRight_width">
			<div class="blank"></div>
			<div class="hotProduct">
				<div class="title_big">
			    	<div class="hotlists">
					   <h3><span>最新商品</span></h3>
					</div>
				  <!--tab-->
				  <div class="hd hd_right"><div class="new">NEW</div><a href="shop/product/list?id=c5910cfe886244c9b23bd0234d946c3e" class="more_pro">MORE&gt;&gt;</a></div>
				</div>
				<a class="prev browse"></a>
				<div class="scrollable">
					<div class="items">
						<%for(list in hotProductList){%>
							<%if (listLP.index == 1){%>
								<div>
								<ul>
							<%}%>
							<li class="box-shadow2">
								<a href="${base}${list.htmlFilePath}">
									<img src="${base}${list.productImageList[0].bigProductImagePath!systemConfig.defaultThumbnailProductImagePath}" alt="${list.name}" />
									<%if (strutil.length(list.name) < 12){%>
										<p title="${list.name}">${list.name}</p>
									<%}else{%>
										<p title="${list.name}">${strutil.subStringTo(list.name,0,8)}...</p>
									<%}%>
									<p class="red">
										${list.price,priceCurrencyFormat}
										<input type="button" name="addFavoriteButton" class="addFavoriteButton addFavorite {id: '${list.id}'} index_add" value="收藏" hidefocus="true" />
									</p>
								</a>
							</li>
							<%if ((listLP.index % 4 == 0) && (listLP.last && listLP.index != 12)){%>
								</ul>
								</div>
								<div>
								<ul>
							<%}%>
							<%if ((listLP.index % 4 == 0) && !listLP.last || listLP.index == 12){%>
								</ul>
								</div>
								<%break;%>
							<%}%>
						<%}%>
					</div>
				</div>
				<a class="next browse"></a>
			</div>
		</div>
	</div>
	<div class="blank"></div>
	<a class="banner_link" href="#"><img class="banner_zhong" src="${base}/upload/image/babiz.jpg" /></a>
	<div class="blank"></div>
	<div class="bodyRight bodyRight_width">
		<div class="bestProduct">
			<div class="title_big">
		    	<div class="hotlists">
				   <h3><span>精品推荐</span></h3>
				</div>
			  <!--tab-->
			  <div class="hd hd_right"><div class="new">BEST</div><a href="https://139.196.207.66:8080/shop/product/list?id=c5910cfe886244c9b23bd0234d946c3e" class="more_pro">MORE&gt;&gt;</a></div>
			</div>
			<div class="middle">
				<ul>
					<%for(list in bestProductList){%>
						<li class="box-shadow">
							<a href="${base}${list.htmlFilePath}">
								<img src="${base}${list.productImageList[0].bigProductImagePath!systemConfig.defaultThumbnailProductImagePath}" alt="${list.name}" />
								<div class="buy_right">
									<%if (strutil.length(list.name) < 12){%>
									<p title="${list.name}">${list.name}</p>
									<%}else{%>
										<p title="${list.name}">${strutil.subStringTo(list.name,0,8)}...</p>
									<%}%>
									<p class="red">${list.price,priceCurrencyFormat}</p>
									<div class="price_right">
										<input type="button" name="addFavoriteButton" class="addFavoriteButton addFavorite {id: '${list.id}'} best_add" value="立即购买" hidefocus="true" />
									</div>
								</div>
							</a>
						</li>
						<%if (listLP.index == 8){%>
							<%break;%>
						<%}%>
					<%}%>
				</ul>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<div class="blank"></div>
	<%include("/WEB-INF/views/shop/footer.html"){}%>
</body>
</html>